<template>
  <el-form label-position="left" size="mini" label-width="80px" class="base-attrbute">
    <el-form-item label="禁用">
      <el-radio-group v-model="value.disabled">
        <el-radio :label="true">禁用</el-radio>
        <el-radio :label="false">非禁用</el-radio>
      </el-radio-group>
    </el-form-item>
    <el-form-item label="激活颜色">
      <el-color-picker v-model="value.activeColor"></el-color-picker>
    </el-form-item>
    <el-form-item label="未激活颜色">
      <el-color-picker v-model="value.inactiveColor"></el-color-picker>
    </el-form-item>
    <el-form-item label="激活文字">
      <el-input v-model="value.activeText" placeholder="请输入激活文字"></el-input>
    </el-form-item>
    <el-form-item label="未激活文字">
      <el-input v-model="value.inactiveText" placeholder="请输入未激活文字"></el-input>
    </el-form-item>
    <el-form-item label="激活图标">
      <el-input v-model="value.activeIcon" placeholder="请设置激活图标"></el-input>
    </el-form-item>
    <el-form-item label="未激活图标">
      <el-input v-model="value.inactiveIcon" placeholder="请设置未激活图标"></el-input>
    </el-form-item>
    <el-form-item label="激活值">
      <el-input v-model="value.activeValue" placeholder="请设置激活值"></el-input>
    </el-form-item>
    <el-form-item label="未激活值">
      <el-input v-model="value.inactiveValue" placeholder="请设置未激活值"></el-input>
    </el-form-item>
  </el-form>
</template>
<script type="text/javascript">
export default {
  created() {

  },
  props: {
    value: [Array, Object]
  },
  components: {
    //Logo
  },
  data() {
    return {

    }
  },
  /**
   * 计算属性
   * @type {Object}
   */
  computed: {

  },
  /**
   * 数据监听
   * @type {Object}
   */
  watch: {

  },
  /**
   * 页面加载执行
   * @return {[type]} [description]
   */
  mounted() {

  },
  /**
   * 页面方法
   * @type {Object}
   */
  methods: {

  }
}

</script>
<style type="text/css" lang="scss">
.base-attrbute {
  padding: 10px;

  .el-form-item--mini.el-form-item,
  .el-form-item--small.el-form-item {
    margin-bottom: 10px;
  }

  .el-form--label-top .el-form-item__label {
    float: none;
    display: inline-block;
    text-align: left;
    padding: 0;
  }

  .el-form-item__label,
  .el-form-item__content {
    font-size: 12px !important;

  }

}

</style>
